<script setup>
// 接收父组件传递的值
defineProps(['modelValue'])
// 接收父组件传递过来的自定义事件
const emit =  defineEmits(['update:modelValue'])
</script>
<template>
    <div>
        自定义组件<input 
        type="text" 
        placeholder="请输入内容" 
        :value="modelValue"
        @input="emit('update:modelValue', $event.target.value)"
        />
    </div>
</template>

<style scoped>
input{
    border: 2px solid black;
    background-image: linear-gradient(45deg, red, blue);
    height: 30px;
    font-size: 20px;
    color: white;
}
</style>